<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App Favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App title -->
        <title>Uplon - Responsive Admin Dashboard Template</title>

        <!-- Switchery css -->
        <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />

        <!-- Bootstrap CSS -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- App CSS -->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
        <script src="assets/js/modernizr.min.js"></script>

    </head>


    <body class="fixed-left" id="do-nicescrol">
	        <div class="row">
	            <div class="col-xs-12">
	                <div class="card-box">
	
	                    <div class="row">
	                        <div class="col-md-6 col-xs-12">
	                            <h4 class="header-title m-t-0">基本菜单</h4>
	                            <p class="text-muted m-b-20 font-13">
	                                通过扩展基向量组件来滚动自己的导航样式。所有引导者的导航组件都是通过指定附加样式来构建的.
	                            </p>
	
	                            <ul class="nav">
	                                <li class="nav-item">
	                                    <a class="nav-link" href="ui-navs.html#">Link</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link" href="ui-navs.html#">Link</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link" href="ui-navs.html#">Another link</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link disabled" href="ui-navs.html#">Disabled</a>
	                                </li>
	                            </ul>
	                        </div>
	
	                        <div class="col-md-6 col-xs-12 m-t-sm-40">
	                            <h4 class="header-title m-t-0">内置导航</h4>
	                            <p class="text-muted m-b-20 font-13">
	                                轻易的就可以增加 <code>.nav-inline</code>. 新的连接.
	                            </p>
	
	                            <nav class="nav nav-inline">
	                                <a class="nav-link active" href="ui-navs.html#">Active</a>
	                                <a class="nav-link" href="ui-navs.html#">Link</a>
	                                <a class="nav-link" href="ui-navs.html#">Another link</a>
	                                <a class="nav-link disabled" href="ui-navs.html#">Disabled</a>
	                            </nav>
	
	                        </div>
	
	                    </div>
	                    <!-- end row -->
	
	
	                    <div class="row m-t-50">
	                        <div class="col-md-6 col-xs-12 m-t-20">
	                            <h4 class="header-title m-t-0">Stacked pills</h4>
	                            <p class="text-muted m-b-20 font-13">
	                                Just add <code class="highlighter-rouge">.nav-stacked</code> to the <code>.nav.nav-pills</code>.
	                            </p>
	
	                            <ul class="nav nav-pills nav-stacked">
	                                <li class="nav-item">
	                                    <a class="nav-link active" href="ui-navs.html#">Active</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link" href="ui-navs.html#">Link</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link" href="ui-navs.html#">Another link</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link disabled" href="ui-navs.html#">Disabled</a>
	                                </li>
	                            </ul>
	
	                        </div>
	
	                        <div class="col-md-6 col-xs-12 m-t-sm-40 m-t-20">
	                            <h4 class="header-title m-t-0">标签下拉菜单</h4>
	                            <p class="text-muted m-b-20 font-13">
	                                一点额外的HTML和JavaScript插件下拉菜单添加下拉菜单.
	                            </p>
	
	                            <ul class="nav nav-tabs">
	                                <li class="nav-item">
	                                    <a class="nav-link active" href="ui-navs.html#">Active</a>
	                                </li>
	                                <li class="nav-item dropdown">
	                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="ui-navs.html#"
	                                       role="button" aria-haspopup="true"
	                                       aria-expanded="false">Dropdown</a>
	                                    <div class="dropdown-menu">
	                                        <a class="dropdown-item" href="ui-navs.html#">Action</a>
	                                        <a class="dropdown-item" href="ui-navs.html#">Another action</a>
	                                        <a class="dropdown-item" href="ui-navs.html#">Something else here</a>
	                                        <div class="dropdown-divider"></div>
	                                        <a class="dropdown-item" href="ui-navs.html#">Separated link</a>
	                                    </div>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link" href="ui-navs.html#">Another link</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link disabled" href="ui-navs.html#">Disabled</a>
	                                </li>
	                            </ul>
	
	                        </div>
	
	                    </div>
	                    <!-- end row -->
	
	
	                    <div class="row m-t-50">
	                        <div class="col-md-6 col-xs-12 m-t-20">
	                            <h4 class="header-title m-t-0">默认制表位</h4>
	                            <p class="text-muted m-b-20 font-13">
	                                从上面获取基本的导航值，并添加导航选项卡类来生成选项卡式接口.
	                            </p>
	
	                            <ul class="nav nav-tabs m-b-10" id="myTab" role="tablist">
	                                <li class="nav-item">
	                                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="ui-navs.html#home"
	                                       role="tab" aria-controls="home" aria-expanded="true">Home</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link" id="profile-tab" data-toggle="tab" href="ui-navs.html#profile"
	                                       role="tab" aria-controls="profile">Profile</a>
	                                </li>
	                                <li class="nav-item dropdown">
	                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="ui-navs.html#"
	                                       role="button" aria-haspopup="true" aria-expanded="false">
	                                        Dropdown
	                                    </a>
	                                    <div class="dropdown-menu">
	                                        <a class="dropdown-item" id="dropdown1-tab" href="ui-navs.html#dropdown1" role="tab"
	                                           data-toggle="tab" aria-controls="dropdown1">@fat</a>
	                                        <a class="dropdown-item" id="dropdown2-tab" href="ui-navs.html#dropdown2" role="tab"
	                                           data-toggle="tab" aria-controls="dropdown2">@mdo</a>
	                                    </div>
	                                </li>
	                            </ul>
	                            <div class="tab-content" id="myTabContent">
	                                <div role="tabpanel" class="tab-pane fade in active show" id="home"
	                                     aria-labelledby="home-tab">
	                                    <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt
	                                        tofu stumptown aliqua, retro synth master cleanse. Mustache cliche
	                                        tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro
	                                        keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry
	                                        richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan
	                                        aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
	                                </div>
	                                <div class="tab-pane fade" id="profile" role="tabpanel"
	                                     aria-labelledby="profile-tab">
	                                    <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla
	                                        single-origin coffee squid. Exercitation +1 labore velit, blog sartorial
	                                        PBR leggings next level wes anderson artisan four loko farm-to-table
	                                        craft beer twee. Qui photo booth letterpress, commodo enim craft beer
	                                        mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud
	                                        organic, assumenda labore aesthetic magna delectus mollit. Keytar
	                                        helvetica VHS salvia yr, vero magna velit sapiente labore stumptown.
	                                        Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts
	                                        beard ut DIY ethical culpa terry richardson biodiesel. Art party
	                                        scenester stumptown, tumblr butcher vero sint qui sapiente accusamus
	                                        tattooed echo park.</p>
	                                </div>
	                                <div class="tab-pane fade" id="dropdown1" role="tabpanel"
	                                     aria-labelledby="dropdown1-tab">
	                                    <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out
	                                        mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
	                                        Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard
	                                        locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR
	                                        banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg
	                                        banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy
	                                        retro mlkshk vice blog. Scenester cred you probably haven't heard of
	                                        them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth
	                                        chambray yr.</p>
	                                </div>
	                                <div class="tab-pane fade" id="dropdown2" role="tabpanel"
	                                     aria-labelledby="dropdown2-tab">
	                                    <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party
	                                        before they sold out master cleanse gluten-free squid scenester freegan
	                                        cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf
	                                        cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR,
	                                        banh mi before they sold out farm-to-table VHS viral locavore cosby
	                                        sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft
	                                        beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park
	                                        vegan.</p>
	                                </div>
	                            </div>
	                        </div>
	
	                        <div class="col-md-6 col-xs-12 m-t-sm-40 m-t-20">
	                            <h4 class="header-title m-t-0">Pills Tabs</h4>
	                            <p class="text-muted m-b-20 font-13">
	                                在同样的HTML,但是是用 .nav-pills instead:
	                            </p>
	
	                            <ul class="nav nav-pills m-b-10" id="myTabalt" role="tablist">
	                                <li class="nav-item">
	                                    <a class="nav-link active" id="home-tab1" data-toggle="tab" href="ui-navs.html#home1"
	                                       role="tab" aria-controls="home" aria-expanded="true">Home</a>
	                                </li>
	                                <li class="nav-item">
	                                    <a class="nav-link" id="profile-tab1" data-toggle="tab" href="ui-navs.html#profile1"
	                                       role="tab" aria-controls="profile">Profile</a>
	                                </li>
	                                <li class="nav-item dropdown">
	                                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="ui-navs.html#"
	                                       role="button" aria-haspopup="true" aria-expanded="false">
	                                        Dropdown
	                                    </a>
	                                    <div class="dropdown-menu">
	                                        <a class="dropdown-item" id="dropdown1-tab1" href="ui-navs.html#dropdown1-alt" role="tab"
	                                           data-toggle="tab" aria-controls="dropdown1">@fat</a>
	                                        <a class="dropdown-item" id="dropdown2-tab1" href="ui-navs.html#dropdown2-alt" role="tab"
	                                           data-toggle="tab" aria-controls="dropdown2">@mdo</a>
	                                    </div>
	                                </li>
	                            </ul>
	                            <div class="tab-content" id="myTabaltContent">
	                                <div role="tabpanel" class="tab-pane fade in active show" id="home1"
	                                     aria-labelledby="home-tab">
	                                    <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt
	                                        tofu stumptown aliqua, retro synth master cleanse. Mustache cliche
	                                        tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro
	                                        keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry
	                                        richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan
	                                        aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
	                                </div>
	                                <div class="tab-pane fade" id="profile1" role="tabpanel"
	                                     aria-labelledby="profile-tab">
	                                    <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla
	                                        single-origin coffee squid. Exercitation +1 labore velit, blog sartorial
	                                        PBR leggings next level wes anderson artisan four loko farm-to-table
	                                        craft beer twee. Qui photo booth letterpress, commodo enim craft beer
	                                        mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud
	                                        organic, assumenda labore aesthetic magna delectus mollit. Keytar
	                                        helvetica VHS salvia yr, vero magna velit sapiente labore stumptown.
	                                        Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts
	                                        beard ut DIY ethical culpa terry richardson biodiesel. Art party
	                                        scenester stumptown, tumblr butcher vero sint qui sapiente accusamus
	                                        tattooed echo park.</p>
	                                </div>
	                                <div class="tab-pane fade" id="dropdown1-alt" role="tabpanel"
	                                     aria-labelledby="dropdown1-tab">
	                                    <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out
	                                        mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
	                                        Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard
	                                        locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR
	                                        banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg
	                                        banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy
	                                        retro mlkshk vice blog. Scenester cred you probably haven't heard of
	                                        them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth
	                                        chambray yr.</p>
	                                </div>
	                                <div class="tab-pane fade" id="dropdown2-alt" role="tabpanel"
	                                     aria-labelledby="dropdown2-tab">
	                                    <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party
	                                        before they sold out master cleanse gluten-free squid scenester freegan
	                                        cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf
	                                        cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR,
	                                        banh mi before they sold out farm-to-table VHS viral locavore cosby
	                                        sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft
	                                        beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park
	                                        vegan.</p>
	                                </div>
	                            </div>
	                        </div>
	                    </div><!-- end row -->
	
	                </div>
	            </div>
	        </div>
	        <!-- end row -->
        </div>
        <!-- END wrapper -->


        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/tether.min.js"></script><!-- Tether for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/plugins/switchery/switchery.min.js"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>
        <script type="text/javascript">
            $(document).ready(
                 function() { 
                  $("#do-nicescrol").niceScroll({oneaxismousemode: false,cursorcolor: "#999",horizrailenabled: false});
                 }
                );
        </script>

    </body>
</html>